// 直接复制即可
<template>
    <svg aria-hidden="true" :style="customStyle">
        <use :xlink:href="iconName" />
        <!-- <use :xlink:href="'icon-moon'" /> -->
    </svg>
</template>

<script setup lang="ts">
import { computed } from 'vue'

// 父组件传入参数
const props = defineProps({
    iconName: {
        type: String,
        // required: true // 必须传入
        default:''
    },
    customStyle: {
        type: Object,
        default: () => ({})
    }
})

// 图标在 iconfont 中的名字
const iconName = computed(() => {
    return `#${props.iconName}`
})

// 绑定的样式
const customStyle = computed(() => {
    return props.customStyle
})
</script>

<style scoped>

</style>
